import Return2Icon from "@src/assets/return2.svg?react"
import "./index.scss"
import Accordion from "@src/components/accordion";

export default function Contacts() {
    return (
        <div className="Contacts">
            <ul>
                <li>
                    <p>新朋友</p>
                    <Return2Icon></Return2Icon>
                </li>
            </ul>
            <Friend/>
        </div>
    )
}

//好友
function Friend() {
    return <div className="Friend">
        <ul>
            <li>
                <Accordion
                    title="默认分组"
                    rightTitle="1"
                    active={true}
                >
                    content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
                    ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
                    nisi ut aliquip ex ea commodo consequat."
                </Accordion>
            </li>
        </ul>
    </div>
}

